AWS Amplify Gen 2 でデータの認可を設定した際に AWS リソース上でどのような構成がされているのかを観察してみた

{
 "id": "6a9b30d4-b3d2-4fbe-ae0a-439968d4dbd3",
 "content": "hoge",
 "createdAt": "2024-08-19T20:52:02.584Z",
 "updatedAt": "2024-08-19T20:52:02.584Z",
 "__typename": "Todo"
}

import { type ClientSchema, a, defineData } from "@aws-amplify/backend";

const schema = a.schema({
  // Todo: a
  //   .model({
  //     content: a.string(),
  //   })
  //   .authorization((allow) => [allow.publicApiKey()]),
  Hoge: a
    .model({
      HogeContent: a.string(),
      HogeNum: a.integer(),
    })
    .authorization((allow) => [allow.publicApiKey()]),
  Fuga: a
    .model({
      FugaContent: a.string(),
      FugaBool: a.boolean(),
    })
    .authorization((allow) => [allow.guest()])
});

:

import { Authenticator } from '@aws-amplify/ui-react'
import '@aws-amplify/ui-react/styles.css'
import { useEffect, useState } from "react";
import type { Schema } from "../amplify/data/resource";
import { generateClient } from "aws-amplify/data";

const client = generateClient<Schema>();

function App() {
  const [hoges, setHoges] = useState<Array<Schema["Hoge"]["type"]>>([]);

  useEffect(() => {
    client.models.Hoge.observeQuery().subscribe({
      next: (data) => setHoges([...data.items]),
    });
  }, []);

  function createHoge() {
    client.models.Hoge.create({ HogeContent: window.prompt("Hoge content") });
  }

  return (
    <Authenticator>
      {({ signOut }) => (
        <main>
          <h1>My Hoges</h1>
          <button onClick={createHoge}>+ new</button>
          <ul>
            {hoges.map((hoge) => (
              <li key={hoge.id}>{hoge.HogeContent}</li>
            ))}
          </ul>
          <div>
            🥳 App successfully hosted. Try creating a new Hoge.
            <br />
            <a href="https://docs.amplify.aws/react/start/quickstart/#make-frontend-updates">
              Review next step of this tutorial.
            </a>
          </div>
          <button onClick={signOut}>Sign out</button>
        </main>
      )}
    </Authenticator>
  );
}

export default App;

:
const schema = a.schema({
  // Todo: a
  //   .model({
  //     content: a.string(),
  //   })
  //   .authorization((allow) => [allow.publicApiKey()]),
  Hoge: a
    .model({
      HogeContent: a.string(),
      HogeNum: a.integer(),
    })
    .authorization((allow) => [allow.owner()])
});

export type Schema = ClientSchema<typeof schema>;

export const data = defineData({
  schema,
  authorizationModes: {
    //defaultAuthorizationMode: "apiKey",
    defaultAuthorizationMode: "userPool",
    // API Key is used for a.allow.public() rules
    apiKeyAuthorizationMode: {
      expiresInDays: 30,
    },
  },
});
:

{
 "id": "d4c86ceb-ecc7-49d3-a4e8-ec92a91d7771",
 "createdAt": "2024-08-21T21:15:34.291Z",
 "HogeContent": "aaa",
 "owner": "a764cae8-e031-706b-e5ec-09dd86414825::a764cae8-e031-706b-e5ec-09dd86414825",
 "updatedAt": "2024-08-21T21:15:34.291Z",
 "__typename": "Hoge"
}